<template>
  <div>
    <!-- v-show 控制css样式隐藏或显示dom节点 -->
    <h1 v-show="aa">我是小马个</h1>
    <!-- v-if 直接删除dom节点 -->
    <h1 v-if="aa">我是小马个</h1>
    <!-- 当变量的的值大于18时显示 -->
    <h1 v-if="age > 18">我比18大</h1>
    <!-- 当变量的的值等于18时显示 -->
    <h1 v-else-if="age == 18">我18</h1>
    <!-- 当变量的的值小于18时显示 -->
    <h1 v-else>我比18小</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      aa: "true",
      age: 18,
    };
  },
};
</script>

<style>
</style> 